<!-- 新增培训 -->
<button nz-button nzType="primary" (click)="open(1)" style="margin:15px ; width: 6%;" >添&nbsp;&nbsp;&nbsp;&nbsp;加</button>

<nz-table #basicTable [nzData]="listOfData">
    <thead>
      <tr>
        <th>序号</th>
        <th>主题</th>
        <th>内容</th>
        <th>负责人姓名</th>
        <th>讲师姓名</th>
        <th>地点</th>
        <th>操作</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let data of basicTable.data">
        <td>{{ data.key }}</td>
        <td>{{ data.them }}</td>
        <td>{{ data.content }}</td>
        <td>{{ data.principal }}</td>
        <td>{{ data.lecturer }}</td>
        <td>{{ data.location }}</td>
        <td>
          <a (click)="open(2, data)">修改</a>
          <nz-divider nzType="vertical"></nz-divider>
          <a (click)="open(2, data)">详情</a>
        </td>
      </tr>
    </tbody>
  </nz-table>
  
  


   <!-- 添加 修改 抽屉 -->
   <nz-drawer
   [nzBodyStyle]="{ overflow: 'auto' }"
   [nzMaskClosable]="false"
   [nzWidth]="380"
   [nzVisible]="visible"
   [nzTitle]= "chooseOne"
   [nzFooter]="footerTpl"
   (nzOnClose)="close()"
 >
 <form nz-form [formGroup]='form'  >
    <div nz-col nzSpan="30">
      <nz-form-item>
        <nz-form-label>培&nbsp;&nbsp;训&nbsp;&nbsp;主&nbsp;&nbsp;题&nbsp;</nz-form-label>
        <nz-form-control>
          <input nz-input formControlName='them' placeholder="请输入培训主题"/>
        </nz-form-control>
      </nz-form-item>
    </div>
    <div nz-col nzSpan="30">
      <nz-form-item>
        <nz-form-label>培&nbsp;&nbsp;训&nbsp;&nbsp;内&nbsp;&nbsp;容&nbsp;</nz-form-label>
        <nz-form-control>
          <input nz-input formControlName='content' placeholder="请输入培训内容" />
        </nz-form-control>
      </nz-form-item>
    </div>
    <form nz-form [formGroup]='form'  >
        <div nz-col nzSpan="30">
          <nz-form-item>
            <nz-form-label>培&nbsp;&nbsp;训&nbsp;&nbsp;主&nbsp;&nbsp;题&nbsp;</nz-form-label>
            <nz-form-control>
              <input nz-input formControlName='them' placeholder="请输入培训主题"/>
            </nz-form-control>
          </nz-form-item>
        </div>
        <div nz-col nzSpan="30">
          <nz-form-item>
            <nz-form-label>培&nbsp;&nbsp;训&nbsp;&nbsp;内&nbsp;&nbsp;容&nbsp;</nz-form-label>
            <nz-form-control>
              <input nz-input formControlName='content' placeholder="请输入培训内容" />
            </nz-form-control>
          </nz-form-item>
        </div>
        <div nz-col nzSpan="30">
          <nz-form-item>
            <nz-form-label>讲&nbsp;&nbsp;师&nbsp;&nbsp;姓&nbsp;&nbsp;名&nbsp;</nz-form-label>
            <nz-form-control>
              <input nz-input formControlName='lecturer' placeholder="请输入讲师姓名" />
            </nz-form-control>
          </nz-form-item>
        </div>
        <div nz-col nzSpan="30">
          <nz-form-item>
            <nz-form-label>讲&nbsp;&nbsp;师&nbsp;&nbsp;工&nbsp;&nbsp;号&nbsp;</nz-form-label>
            <nz-form-control>
              <input nz-input formControlName='lecturerId' placeholder="请输入讲师工号" />
            </nz-form-control>
          </nz-form-item>
        </div>
        <div nz-col nzSpan="30">
          <nz-form-item>
            <nz-form-label>培&nbsp;&nbsp;训&nbsp;&nbsp;地&nbsp;&nbsp;点&nbsp;</nz-form-label>
            <nz-form-control>
              <input nz-input formControlName='location' placeholder="请输入培训地点" />
            </nz-form-control>
          </nz-form-item>
        </div>
        <div nz-col nzSpan="30">
          <nz-form-item>
            <nz-form-label>培训开始时间</nz-form-label>
            <nz-form-control>
              <input nz-input formControlName='startingTime' placeholder="请输入培训开始时间" />
            </nz-form-control>
          </nz-form-item>
        </div>
        <div nz-col nzSpan="30">
          <nz-form-item>
            <nz-form-label>培训结束时间</nz-form-label>
            <nz-form-control>
              <input nz-input formControlName='endingTime' placeholder="请输入培训结束时间" />
            </nz-form-control>
          </nz-form-item>
        </div>
        <!-- <div nz-col nzSpan="30">
          <nz-form-item>
            <nz-form-control>
              <nz-range-picker [nzShowTime]="true" [(ngModel)]="date" (ngModelChange)="onChange($event)"></nz-range-picker>
            </nz-form-control>
          </nz-form-item>
        </div> -->
        <div nz-col nzSpan="30">
          <nz-form-item>
            <nz-form-label>参加培训人员</nz-form-label>
            <nz-form-control>
              <input nz-input formControlName='participants' placeholder="请输入参与培训人员" />
            </nz-form-control>
          </nz-form-item>
        </div>   
    </form>
</form>

  
 
   <ng-template #footerTpl>
     <div style="float: right">
       <button nz-button style="margin-right: 8px;" (click)="close()">Cancel</button>
       <button nz-button type="submit" nzType="primary" (click)="OnSubmit()">Submit</button>
     </div>
   </ng-template>
 </nz-drawer>